Learn about additional Gestalt Principles 學習更多格式塔視覺法則

三個新增的格式塔原則(Gestalt Principles)

1. 閉合(Closure)

當使用者看到一個不完整的圖形時,大腦會自動“填補”缺失的部分,把它看作一個完整的形狀。

例子:如果一個圖形只顯示了幾條不連貫的線條,但這些線條暗示了一個圓或方形的存在,大腦會“填空”來構建完整影象。

FedEx 的 logo:字母 E 和 x 之間的空白區域,形成了一個向右的箭頭,代表“前進”和“運輸”,儘管這個箭頭並未被實際描繪出來。

設計意義:可用於引導使用者注意某個元素,或讓設計更具有視覺吸引力和“智性美感”。

2. 連續性(Continuity)

當元素沿著一條直線或曲線排列時,使用者會認為它們是相關的,並自然地沿著這個方向檢視。

例子:使用者的目光會順著圖形中貫穿幾個圓形的白線,從第一個圓滑動到最後一個圓,這是一種無意識的視覺引導。

USPS 網站的導航選單:使用者點選 “Send” 後,視線會自然向下移動到 “Learn About” 和 “Sending” 子目錄,完成一次三級導航路徑的無意識掃描。

設計意義:用於引導使用者視線(如步驟流程圖、垂直列表、頁面流程導航),提高介面邏輯性和可讀性。

3. 對稱性(Symmetry)

當物件的左右或上下部分是映象或平衡狀態時,使用者會覺得它更美觀、更和諧,並將其視為一個整體。

對比:

對稱性:視覺上整齊、平衡、令人舒適,適合用於結構性強的介面(如企業官網、表單)。

非對稱性(Asymmetry):透過打破平衡,強調重要元素或製造視覺衝擊,吸引使用者注意特定區域。

例子:Alan Turing Institute 網站:利用非對稱的文字大小和佈局來吸引使用者注意重要內容。

如何運用這些原則?

原則使用者感知實際用途
閉合 Closure“看見”被隱形構造的完整圖形用於 logo、圖示、圖形暗示等
連續性 Continuity視線自然滑動,形成線性邏輯用於流程圖、導航欄、內容結構
對稱性 Symmetry整潔、平衡、穩定、美觀用於內容排版、表單、主頁面佈局
非對稱 Asymmetry突出重點、製造差異用於吸引視線、引導焦點

總結:這些格式塔原則的運用,並不是孤立的,它們可以與之前學習的 相似性、接近性、共同區域 等原則結合使用,共同實現如下目標: